*{margin: 0 auto;padding: 0 auto;list-style: none;}
a{text-decoration: none;}
body{font: normal 12px/1.5 'Microsoft Yahei',Helvetica,arial,sans-serif;margin-bottom: 100px;}
//网站上部开始
header{
//  顶部区域开始
//灰条区域
    #top_bar{
        height: 34px;width:100%;background:#fafafa ;line-height: 34px;
        color: @color;border-bottom: 1px solid #fafafa;@color:#9a9a9a;
        .top_center{
            width: 1200px;line-height: 34px;height: 34px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
            .top_site a{padding-left: 15px;color: @color;}
            .top_user{
                margin-left: 20px;padding-left: 20px;
                a{color: @color;}
            }
            .top_nav a{color: @color;}
        }
    }
//  长图广告
    #pic{
        width: 100%;height: 75px;position: relative;background: url(../img/160720093200524938.jpg)
        no-repeat center center;display: block;
        }
//      顶部区域结束
//  头部栏开始
    #head_bar{
        width: 100%;height: 90px;position: relative;background: #f1f1f1;padding-top: 30px;
        .h_center{
            width: 1200px;
            .fl{display: inline;float: left;}
            .fr{display: inline;float: right;}
//          logo
            .headbar_logo{
                position: relative;
                img{width: 220;height: 50px;}
            }
            .headbar_slogan{position: relative;margin-left: 20px;top: -5px;}
//          中间搜索
            .headbar_search{ 
                position: relative;margin-left: 30px;
                .search_box{
                    height: 40px;
                    .search_input{
                        width: 350px;height: 40px;line-height: 40px;margin-left: 3px;font-size: 14px;
                        padding: 0 15px ;border: none;
                    }
                    .search_btn{
                        display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;
                        font-size: 16px;letter-spacing: 5px;color: #fff;background: #ea4234;
                    }
                }
                .search_words{
                        color: #919090;padding-top: 5px;a{color: #919090; &:hover{color: #EA4234;}}   
                }                                  
            }
//          购物车
            .buy_car_box{
                position: relative;
                .my_car{
                    cursor: pointer;width: 96px;height: 38px;line-height: 38px;
                    border: 1px solid #e0e0e0;background: red;position: relative;
                    background-image: url(../img/buycar.png);
                    background-repeat: no-repeat;background-color: #fbfbfb;background-position: 14px 10px;
                    padding-left: 44px;font-size: 16px;color: #565656;
    //               
                .silder{
                    width: 8px;height: 20px;line-height: 20px;color: #fff;position: absolute;
                    top: -11px;left: 40px;padding-left: 7px;
                    background: url(../img/dxt_left_bg1.png) no-repeat;
                    b{
                        position: absolute;left: 8px;top: 0;height: 19px;
                        background: url(../img/dxt_right_bg2.png) no-repeat right top;
                        padding-right: 7px;
                    }
                }
            }
                .car_empty{
                    text-align: center;position: absolute;top: 38px;left: -169px;width: 309px;
                     height: 86px;line-height: 86px;background: #fff;border: 1px solid #e0e0e0;
                    display: none;z-index: 10;
                    }
                    &:hover .car_empty{display: block;}
                .car_cont{
                    display: none;background: #fff;width: 309px;position: absolute;top: 38px;
                    left: -169px;border: 1px solid #e0e0e0;z-index: 99;
                    }    
            }
            
            
        }
    } 
//头部栏结束
//导航条开始
    #nav_bar{
        background: #2c2c2c;height: 45px;line-height: 45px;font-size: 18px;position: relative;
        .nav_center{
            width: 1200px;overflow: hidden;
            .navbar_list{
                overflow: hidden;padding: 0px;
            }
            .navbar_list .item{
                float: left;position: relative;cursor: pointer;
                .link{color: white;padding: 0px 20px;}
            }
            .navbar_list .on{background:#ea4234;}
            .navbar_list .all{
                background: #504f4f;
                &:hover .nav_list{display: block;}
                //           左侧菜单
                .nav_list{
                    display: none;border: 1px solid #ddd;z-index: 98;position: relative;
                    .bar{
                        background:white;
                        &:hover .nav_page{display: block}
                    }
                    padding: 0;
                    .bar .nav_title{
                    border-bottom: 1px solid #eee;height: 50px;line-height: 50px;padding-left: 45px;
                    font-size: 16px;cursor: pointer;
                        &:hover{
                            color: #fff;
                        }
                    }
                    .type1{
                        background: url(../img/icon19.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon001.png)no-repeat 15px center;}
                    }
                    .type2{
                        background: url(../img/icon009.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon002.png)no-repeat 15px center;}
                    }
                    .type3{
                        background: url(../img/icon010.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon003.png)no-repeat 15px center;}
                    }
                    .type4{
                        background: url(../img/icon012.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon005.png)no-repeat 15px center;}
                    }
                    .type5{
                        background: url(../img/icon013.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon006.png)no-repeat 15px center;}
                    }
                    .type6{
                        background: url(../img/icon014.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon007.png)no-repeat 15px center;}
                    }
                    .type7{
                        background: url(../img/icon015.png) no-repeat 15px center;
                        &:hover{background:#ea4234 url(../img/icon008.png)no-repeat 15px center;}
                    }
//                  二级菜单隐藏页
                    .bar .nav_page{
                        border: 1px solid #ea4234;position: absolute;top:0px;left:147px;
                        width: 490px;height: 407px;background: #fff;display: none;z-index: 99;
                        overflow: hidden;
                        .nav_container{
                            position: relative;height: 100%;padding: 0px 15px;
                            .nav_name{
                                height: 50px;line-height: 50px;border-bottom: 1px solid #eee;
                                font-size: 16px;font-weight: bold;
                            }
                            .nav_type .item{
                                float: left;padding-top: 20px;width: 25%;font-size: 14px;
                                white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
                                a{color: #666;}
                            }
                            .nav_img{
                                position: absolute;left: 0px; bottom: 0px;width: 100%;z-index: 200;
                                opacity: 0.5;
                                &:hover{opacity: 1;}
                            }
                        }
                    }
                }
               
            }
        }
    }
//导航条结束
}
// 网站上部结束
//当前位置
#detail_location{
    height: 30px;width: 100%;border-bottom: 1px solid #dddcdc;overflow: hidden;line-height: 30px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);padding-top: 15px;
    .location_box{
        width: 1210px;
        a{color: #999;}
    }
}
//当前位置
//购买选择
#detail_content{
    width: 1210px;
    .detail_title{   
    }
    .buy_box{
        margin-top: 15px;overflow: hidden;
        .fl{display: inline;float: left;}
//      左侧图片
        .detail_img{
            position:relative;width: 368px;height: 550px;
            .big_show{
                position: absolute;overflow: hidden;width: 368px;height: 368px;
                border: 1px solid  #f5f5f5;
                img{
                    display:none; width: 368px;height: 368px;
                }
                img:nth-child(1){
                    display: block; 
                }               
            }
            .small_show{
                position: absolute;top: 370px;margin-top: 5px;
                .small_img{
                    overflow: hidden;padding-left: 0px;
                    li{
                        border: 1px solid #f5f5f5;margin: 12px 8px;float: left;
                        img{width: 54px;height: 54px;}
                    }
                }
            }
            .shangpin_id{
                position: absolute;top:480px;
            }
        }
//      右侧价格、机型、评分
        .right_box{
            overflow: hidden;
            .fl{float: left;display: inline;}
            .fr{float: right;display: inline;}
            .main_box{
                overflow: hidden;
                .center_box{
                    overflow: hidden;border: 1px solid #f5f5f5;width: 635px;
//                  上部选择条件区
                    .price_top{
                        border: 1px solid #f5f5f5;margin-left: -1px;border-right: none;
                        border-bottom: none;background: #fff;
                        .de_price{
                            padding-top: 14px;background: url(../img/hmiddletopbg.png) no-repeat 
                            top left;padding-bottom: 8px;width: 635px;margin-bottom: 0px;
                            position: relative;overflow: hidden;
                            .label{
                                float: left;width: 64px;font-size: 16px;color: #fff;padding-left: 12px;
                            }
                            .detail_clear{
                                float: left;overflow: hidden;width: 552px;
                                .price{
                                    font-size: 25px;color: #fff;line-height: 25px;float: left;
                                    margin-right: 14px;
                                }
                                .market_price{
                                    margin-right: 8px;margin-left: 8px;color: #fff;float: left;
                                    padding-top: 5px;
                                }
                                .sales{
                                    color: #fff;float: left;padding-top: 5px;
                                }
                                .times{
                                    margin-right: 5px;width: 93px;text-align: right;float: right;
                                    color: #fff;padding-top: 5px;
                                }
                            }
                        }
                        .sale_area{
                            border-bottom: 1px dashed #e8e8e8;border-left: 1px solid #f8f8f8;
                            padding: 10px 15px 10px;margin-left: -1px;
                            p{padding-top: 10px;}
                        }
                        .memory_color{
                            padding: 20px 15px 10px;height: 200px;
                            .fl{float: left;display: inline;}
                            ul{overflow: hidden;padding: 0px;}
                            ul li{
                                overflow: hidden;padding-top: 10px;
                                span{
                                    padding: 4px 16px;border: 1px solid #ccc;color: #848484;
                                    margin-right: 3px;cursor: pointer;float: left;height: 18px;
                                }
                                h3{margin-top: 3px;font-weight: normal;}
                                .count_num{
                                    float: left;
                                    a{
                                        display: block;background: #f7f6f4;float: left;
                                        height: 25px;width: 15px;border: 1px solid #ccc;
                                        position: relative;font-size: 20px;text-align: center;
                                        line-height: 25px;font-weight: bold;color: #999;
                                    }
                                    .result{
                                        border: 1px solid #ccc;width: 25px;height: 25px;
                                        line-height: 25px;display: block;float: left;
                                        margin: 0px 5px;text-align: center;
                                    }
                                }                                                      
                            }
                            
                        }
                    }
//                  加入购物车
                    .add_car{
                        border: 1px solid #f8f8f8;padding: 11px 10px 0 10px;width: 614px;
                        height: 73px;margin-left: -1px;
                        .car_btn{
                            overflow: hidden;
                            .addcart{
                                width: 110px;height: 40px;text-align: center;line-height: 40px;
                                font-size: 16px;background: #FFA34D; color: #FFFFFF;display: block;
                                margin: 15px 50px ;font-weight: bold;
                            }
                        }
                    }
                }                
            }
            .click_rank{
                    border: 1px solid #f8f8f8;border-bottom: none;height: 579px;position: relative;
                    .click_box{
                        width: 192px;height: 580px;overflow: hidden;
                        .updown_box{
                            width: 100%;position: absolute;bottom: 0px;left: 0px;z-index: 99;
                            height: 28px;overflow: hidden;
                            .upbtn{
                                display: block;width: 50%;height: 28px;float: left;
                                background: #fafafa url(../img/hhuiup.png) no-repeat center center;
                            }
                            .downbtn{
                                display: block;width: 50%;height: 28px;float: left;
                                background: #fafafa url(../img/hhuidown.png) no-repeat center center;
                            }
                        }
                        h2{
                            padding-left: 17px;width: 175px;height: 51px;background: #fafafa;
                            color: #000;line-height: 51px;font-size: 14px;font-weight: normal;
                            display: block;
                        }
                        .click_listbox{
                            height: 530px;overflow: hidden;position: relative;
                            .click_list{
                                width: 172px;padding: 0;position: relative;
                                li{
                                    padding-bottom: 8px;border-bottom: 1px dashed #ddd;
                                    position: relative;overflow: hidden;height: 170px;
                                    .click_num{
                                        position: absolute;left: 8px;top: 34px;z-index: 999;
                                        color: #fff;background: url(../img/blackbg.png) 
                                        no-repeat center center;width: 18px;height: 18px;
                                        text-align: center;line-height: 17px;
                                    }
                                    a{
                                        display: block; padding-top: 13px;width: 171px;height: 116px;
                                        margin: 0 auto;color: #666;
                                        .goods_title{
                                            width: 171px;overflow: hidden;text-overflow: ellipsis;
                                            white-space: nowrap;
                                        }
                                        .goods_imgbox{
                                            width: 171px;padding-top: 5px;
                                            img{width: 88px;height: 88px;margin: 0 auto;display: block}
                                        }                                      
                                        .goods_price{
                                            text-align: center;line-height: 12px;height: 12px;
                                            color: #000;display: block;padding-bottom: 10px;
                                        }
                                        .goods_times{
                                            display: block;text-align: center;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
        }
    }
}
//购买选择
// 下部商品详情
#detail_information{
    overflow: hidden;margin-top: 30px;width: 1210px;
    .fl{float: left;display: inline;}
    .fr{float: right;display: inline;}
    .ri{float: right;}
//  左侧商品详细信息
    .info_leftbox{
        width: 940px;overflow: hidden;
        .info_header{
            height: 40px;background: #343434;padding-right: 20px;display: block;
            .clear{
                overflow: hidden;padding: 0;
                li{
                    color: #7f7f7f;line-height: 40px;height: 40px;
                    a{
                        padding: 0 13px;color: #fff;font-size: 16px;
                    }
                }
            }
        }
        .info_content{
            overflow: hidden;display: block;
            .main_parameter{
                display: block;
                .parameter_head{
                    height: 30px; background: #ededed;padding: 0 12px;line-height: 30px;
                    h3{font-size: 16px;font-weight: normal;}
                    a{color: #999;}
                }
                .parameter_count{
                    overflow: hidden;border-bottom: 1px dashed #e5e5e5;padding: 20px 0;
                    .clear{
                        overflow: hidden;
                        li{
                            width: 227px;
                            .p{padding-left: 25px;height: 20px;line-height: 20px;}
                            .p1{background: url(../img/iconqj7.png) no-repeat left center;}                                                      
                            .p2{background: url(../img/iconqj9.png) no-repeat left center;}
                            .p3{background: url(../img/iconqj10.png) no-repeat left center;}
                            .p4{background: url(../img/iconqj8.png) no-repeat left center;}
                            .p5{background: url(../img/iconqj12.png) no-repeat left center;}
                        }
                    }
                }
            }
            .pro_introduce{
                overflow: hidden;padding-top: 10px;
                .d_comment{
                    h4{
                        height: 50px;line-height: 50px;text-indent: 0.7em;font-size: 18px;
                        color: #3d3d3d;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;
                    }
                    .d_msg{
                        overflow: hidden;padding-top: 10px;
                        span{width: 100%;text-align: center;}                                           
                        .d_message{
                            width: 750px;background: #f7f7f7;height: 135px;margin-left: 20px;
                            .d_del{
                                padding: 10px;font-size: 16px;overflow: hidden;height: 115px;
                            }
                        }
                        .d_img{
                            width: 116px;height: 135px;
                            img{
                                margin: 0 auto;
                            }
                        }
                    }
                }
                h3{
                    height: 30px;background: #ededed;padding: 0 12px;color: #343434;font-size: 16px;
                    line-height: 30px;border: 1px solid #ddd;border-bottom: none;margin-top: 10px;
                    font-weight: normal;
                }
                .introduce_img{
                    border: 1px solid #ddd;text-align: center;
                }
            }
        }
    }
//  右侧排行、新品上市
    .info_rightbox{
        width: 260px;
        .sale_rank{
            margin-bottom: 15px;
            .title{
                height: 40px;line-height: 40px;background: #343434;color: #fff;font-size: 16px;
                text-align: center;font-weight: normal;
            }
            .list{
                padding: 0px 5px;border: 1px solid #ddd;border-top: none;overflow: hidden;
                .item{
                    padding-bottom: 10px;text-align: center;border-top: 1px dashed #ddd;
                    .img{
                        display: block;padding:  5px 0; 
                        img{
                            display: inline-block;width: 150px;height: 150px;
                        }
                    }
                    .name{
                        padding: 0px 20px;height: 40px;line-height: 20px;overflow: hidden;
                        a{
                            color: #666;
                        }
                    }
                    .price{
                        color: #ea4234;padding-top: 5px;font-size: 14px;
                    }
                }
            }
        }
    }
}
/// 下部商品详情结束
//<!--底部区域-->
#foot_box{
    width: 100%;min-width: 1210px;margin: 0 auto;height: 150px;background: #999999;
    .foot_center{
        width: 1210px;margin: 0 auto;overflow: hidden;position: relative;color: white;
        .friend{
                margin-top: 25px;margin-bottom: 14px;height: 12px;
                dt{color: white;margin-bottom: 10px;float: left;margin-right: 10px;}
                .fl{
                    float: left;border-right: 1px solid white;padding-left: 10px;padding-right: 10px;
                    a{
                        color: white;
                    }
                }
        }
        p{margin-top: 10px;text-align: left;}
    }
}
//<!--底部区域-->
